<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, minimum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买-商品详情功能界面</title>
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/module.css">
    <link rel="stylesheet" href="css/details.css">

</head>

<body>
    <div class="mmm">
        <!-- 顶部部分开始 -->
        <header>
            <a href="index.html" class="mm_logo">慢慢买</a>
            <a href="javascript:;" class="mm_app"></a>
        </header>
        <!-- 顶部部分结束 -->

        <!-- 搜索部分开始 -->
        <div class="search">
            <input type="search" placeholder="请输入你想比价的商品">
            <button>搜索</button>
        </div>
        <!-- 搜索部分结束 -->

        <!-- 3级菜单开始 -->
        <div class="three_anv">
            <div class="three_connt">
                <div>
                    <a href="index.html">首页&gt;</a>
                    <a href="javascript:;">电视&gt;</a>
                    <a href="javascript:;">乐视TV&gt;</a>
                </div>
                <span class="anv_btn">筛选</span>
            </div>
        </div>
        <!-- 3级菜单结束 -->

        <!-- 商品详情功能界面开始 -->
        <div class="details">

        </div>
        <!-- 商品详情功能界面结束 -->

        <!-- 评价开始 -->
        <div class="evaluate">
            <!-- 标题 -->
            <p class="evaluate_title">网友评价</p>
            <ul>
            </ul>
        </div>
        <!-- 评价结束 -->
  
        <!-- 更多评论开始 -->
        <div class="more_comm">
            <p>查看更多看评价</p>
        </div>
        <!-- 更多评论结束-->

        <!-- 底部部分开始 -->
        <footer>
            <div class="foot_user">
                <a href="javascript:;" class="foot_login">登录</a>
                <a href="javascript:;" class="foot_register">注册</a>
                <a href="#top" class="foot_return">
                    <i class="iconfont">&#xe648;</i>
                    返回顶部
                </a>
            </div>
            <div class="foot_text">
                <div class="text_box">
                    <span class="text_sp">手机APP下载</span>
                    <span class="text_sp">慢慢买手机版</span>
                    <span class="text_sp">--掌上比价平台</span>
                </div>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>
        <!-- 底部部分结束 -->
    </div>
</body>

</html>
<script src="jq/src/zepto.js"></script>
<script src="jq/src/event.js"></script>
<script src="jq/src/touch.js"></script>
<script src="jq/src/ajax.js"></script>
<script src="jq/template-web.js"></script>
<script src="js/details.js"></script>
<!-- 渲染商品详情功能界面 -->
<script type="text/html" id="detaTemp">
    <input type="hidden" value="{{categoryId}}" class="catId">
    <!-- 商品标题 -->
    <p class="details_title">{{productName}}</p>
    <!-- 商品图片 -->
    <div class="details_img_box">
        <div class="details_img">
            {{@ productImg}}
        </div>
    </div>
    <!-- 详情工具 -->
    <div class="details_tool">
        <a href="javascript:;">比价购买</a>
        <a href="javascript:;">产品参数</a>
        <a href="javascript:;">评论(2222)</a>
    </div>
    <!-- 购买 -->
    <div class="details_buy">
        <div class="source">
            {{@ bjShop}}
            <!-- <img src="" alt=""> 天猫
        </div>
        <div>
            <span class="price">￥1999　</span>
            <span class="goBuy">去购买</span> -->
        </div>
    </div>
    <!-- 说明 -->
    <p class="details_explain">
        *实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。
    </p>

</script>

<!-- 渲染评论页面 -->
<script type="text/html" id="commTemp">
    {{each item value index}}
    <li>
        <!-- 用户 -->
        <div class="evaluate_user">
            <span class="userName">{{value.comName}}</span>
            <span class="evaluate_date">{{value.comTime}}</span>
        </div>
        <!-- 来源 -->
        <div class="beFrom">
            <span></span>
            <span class="beFrom_text">{{value.comFrom}}</span>
        </div>
        <!-- 评论内容 -->
        <p class="evaluate_connt">
            {{value.comContent}}
        </p>
    </li>
    {{/each}}
</script>